import React, { useState } from 'react'
import { Button } from 'antd-mobile'
import QRCode from 'qrcode.react';

const Video = () => {
  const [val, setVal] = useState<string>('')
  const handle = () => {
    setVal(Math.random() * 10 + '')
  }



  return (<div>
    <div> 御剑乘风来, 除魔天地间!video
      <a href='tel: 10086'>10086</a>
      <Button
        block
        type="submit"
        color="primary"
        className="login-submit"
        onClick={handle}
      >
        提交
      </Button >
      <QRCode
        id="qrCode"
        value={val}
        size={200} // 二维码的大小
        fgColor="#00ff00" // 二维码的颜色
        style={{ margin: 'auto' }}
        imageSettings={{ // 二维码中间的logo图片
          // src: 'http://toutiao.itheima.net/resources/images/63.jpg',
          src: '',
          height: 100,
          width: 100,
          excavate: true, // 中间图片所在的位置是否镂空
        }}
      />
    </div>


  </div>)
};
export default Video